/**
旧版调试样式
www.tatfook.com本地调试后的主页样式
**/

#main .fusion-row,#slidingbar-area .fusion-row,.fusion-footer-copyright-area .fusion-row,.fusion-footer-widget-area .fusion-row,.fusion-page-title-row,.tfs-slider .slide-content-container .slide-content{max-width:1920px; padding:0;margin:0;}
#main{margin:0; padding:0;}
video{ margin:0 auto;}
.fushi1100{ max-width:1100px; margin:0 auto; padding:0;}
.fushi1200{ max-width:1200px; margin:0 auto; padding:0;}
.fushi1440{ max-width:1360px; margin:0 auto; padding:0;}
.fushi720{ max-width:720px; margin:0 auto; padding:0;}
.fusion-tabs.classic .nav-tabs > li.active .tab-link, .fusion-tabs.classic .nav-tabs > li.active .tab-link:focus, .fusion-tabs.classic .nav-tabs > li.active .tab-link:hover, .fusion-tabs.vertical-tabs.classic .nav-tabs > li.active .tab-link{
border-color:#0ea1d8 !important;
}
.fusion-toggle-heading{
font-size:20px;
}
.fusion-accordian .panel-heading .panel-title a{
align-items:center;
}
.post-content{
padding:0px;
}

/**小笔记本的分辨率**/
@media screen and (min-width:960px) and (max-width:1366px){
.fushi1100{max-width:1000px;}
}

#content{
background:#fff;
}
.title-heading-left{
font-size:20px !important;
font-weight:bolder !important;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper{
margin-bottom:0px !important;
}
.fusion-flip-boxes{
margin-bottom:0px !important
}
#mg-20{
/* margin-top:20px; */
}
#ty-a a{
color:#747474 !important;
line-height:22px !important;
}
#sliders-container{
padding-top:0px;
}
.fusion-title-sc-wrapper{
background-color:rgba(0,0,0,0) !important;
}
.slide-content-container{
padding-top:0px !important;
}
.tfs-slider .background-image{
/* background-size:100% 100% !important; */
}
.fusion-tab-heading{
font-size:16px !important;
}
.tab-pane h1,.tab-pane h2,.tab-pane h3,.tab-pane h4,.tab-pane h5,.tab-pane h6{
font-size:14px !important;
line-height:22px !important;
}
.table-dotted tr{
border-bottom:2px dotted #ddd;
line-height: 30px;

}
@media only screen and (max-width: 800px){
.index-company-activity .fusion-columns .fusion-column{
margin: 0 !important;
}
.commons-equipment{
margin-top:20px;
display:block !important;
}
.commons-equipment-right{
margin-left:0 !important;
margin-top: 20px;
}
.commons-equipment-left{
margin-top: 20px;
}
}
@media only screen and (max-width: 640px){
.commons-equipment{
margin-top:20px;
display:block !important;
}
.commons-equipment-right{
margin-left:0 !important;
margin-top: 20px;
}
.commons-equipment-left{
margin-top: 20px;
}
.slide-info{
width:50% !important;
height:50% !important;
}
#sliders-container{
padding-top:0px;
}
.post-content{
padding-top:0px;
}
#main{
padding-top:20px !important;
}
.index-company-activity .fusion-columns .fusion-column{
margin: 0 !important;
}
}
.index-company-activity .fusion-columns .fusion-column a{
font-family:'微软雅黑' !important;
}
@media only screen and (max-width: 1100px){
#sliders-container{
padding-top:0px;
}
}
.tfs-slider .slide-content-container{
transform:translatey(-58%) !important;
}
.fusion-text ul{
-webkit-padding-start:16px !important;
margin:0px;
/* margin-top:34px !important; */
/* -webkit-padding-before:16px !important;
-webkit-padding-after:16px !important; */
}

.pdb-20{
padding-bottom:20px !important;
}

.fusion-text ul li{
height:22px;
line-height:22px;
font-size:14px !important;
}
#co3 .fusion-text ul li{
height:28px;
line-height:28px;
font-size:14px !important;
color:#000 !important;
}
.dt .fusion-text{
padding:0px !important;
}
.tab-pane ul{
-webkit-padding-start:16px !important;

}
.tab-pane ul li{
height:22px;
line-height:22px;
/* overflow:hidden; */
/* white-space:nowrap; */
/* text-overflow:ellipsis; */
}
.pd-20 .entry-title{
margin-top:7px !important;
}
.pd-20 .meta{
margin-bottom:12px !important;
}
.fusion-flip-box-wrapper{
font-size:12px !important;
}
.fusion-panel p{
line-height:28px !important;
}
.tab-pane p{
margin-bottom:0px ;
}
body{
font-family:"微软雅黑" !important;
}
.flip-box-heading{
font-size:16px !important;
}
.fusion-modal .modal-title, .fusion-modal h3, .fusion-widget-area h3, .post-content h3, .project-content h3 {
margin-top:0;
margin-bottom:10px;
}

.menu-text{
font-family:"微软雅黑" !important;
}
#lh-30 p{
line-height:30px !important;
}
.flip-box-back p{
font-size:12px !important;
line-height:22px !important;
}
.flip-box-heading-back{
font-size:16px !important;
}
.fusion-megamenu>li>.sub-menu>.menu-item>.fusion-bar-highlight>span{
/* color:#f00 !important; */
font-size:16px !important;
}
/* .sub-menu .menu-item-has-children>a span{
font-size:16px !important;
} */
#ty-a p{
font-size:12px !important;
}
.fusion-page-title-bar .fusion-page-title-row h1 {
font-size: 20px;
line-height: 1.45;
}
.post-12825 post-content p{
margin-bottom: 10px;
}
.contact_info-widget-2 a{
font-size:14px;
color:#747474;
}
#co3 .fusion-text li{
color:#333 !important;
}
#co3 .entry-title a{
color:#000 !important;
font-weight:400 !important;
}
#co3 .meta span{
color:#8d8d8d !important;
/* font-weight:400 !important; */
}
#main .fullwidth-box .fusion-row{
/* padding-bottom:15px !important; */
}
.panel-title.toggle a{
align-items:center !important;
}
.fusion-builder-row.fusion-row{
padding-bottom:0px !important;
}
.fusion-recent-posts{
margin-bottom:0px !important;
}
#company-activity .entry-title a{
font-size: 18px;
}
#main{
padding-bottom:30px !important;
}
.fusion-footer .widget-title{
color:#fff !important;
}
.fusion-footer a{

}
#ty-a h2{
margin-bottom:16px;
}
.mb-16 h2{
margin-bottom:16px !important;
}
.info-pd .tab-pane{
padding:34px !important;
}
.info-pd .fusion-tab-heading{
color:#000 !important;
}
.info-pd h2,.info-pd h3,.info-pd p,.info-pd li{
font-family:"微软雅黑" !important;
color:#000 !important;
}
.table-1 th{
font-size:16px !important;
color:#000 !important;
}
.table-1 td{
font-size:12px !important;
color:#000 !important;
}
.connect-us{
display:flex;
justify-content:space-between;
align-items:center;
}
.connect-us:not(:first-child){
margin-top:100px;
}
.connect-us strong{
display:block;
font-size:16px;
height:28px;
line-height:28px;
}
.connect-us>div{
line-height:28px;
}
.more-info a{
color:#8d8d8d !important;
font-size:14px !important;
}
.fusion-main-menu span{
font-size:14px !important;
color:#000 !important;
}
.center-img{
margin-bottom:15px !important;
}
.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu .deep-level a span{
color:#5b5b5b !important;
}
.fusion-megamenu-title{
font-size:20px !important;
color:#000 !important;
}
#company-activity .entry-title{
margin-top:0px !important;
}
#company-activity .fusion-column:not(:first-child){
margin-top:26px;
}
#company-activity p:last-child, #company-activity a{
color: #000 !important;
line-height:28px;
text-indent:28px;
}
#company-activity a{
font-size: 16px;
font-weight: 700;
}
.fusion-social-links-footer{
display:none !important;
}
.index-common-ul li{
height: auto !important;
}
.news-ul li{
height: auto !important;
line-height:28px !important;
color:#000 !important;
}
.news-ul li a{
color:#000 !important;
}
#company-info-tab h2,#company-info-tab h3{
line-height: 28px !important;
}
.fusion-main-menu>ul>li>a>span{
font-weight:bold;
}
.fusion-footer .widget-title{
color:#000 !important;
}
.fusion-column.fusion-column-last{
display:flex;
flex-flow:column;
align-items:center;
justify-content:center;
}
.fusion-column.fusion-column-last>section{
margin-bottom:10px !important;

}
.fusion-footer .fusion-column:first-child{
/* margin-right:80px; */
}
video{
height:100% !important;
width:100% !important;
border:none !important;
}
.fusion-imageframe{
width:100% !important;
text-align:center !important;
}
.article-title-time{
margin-left:10px;
font-weight:500;
}
.index-company-activity .article-title-time{
display:none;
}
.ygfc>div +div{
margin-top:40px;
}
.ygfc div{
color:#000 !important;
}
.index-content li{
color:#000 !important;
}
#post-13424 .fusion-text p:first-child{
text-indent:28px;
}
.fusion-megamenu-title{
font-size: 20px;
color: #000;
}

.fusion-megamenu-wrapper .fusion-megamenu-submenu{
padding:40px 0;
}
.fusion-megamenu-title{
height:20px;
line-height:20px!important;
margin-bottom:30px;
}
.fusion-megamenu>li>.sub-menu>.menu-item>.fusion-bar-highlight{
height:16px;
line-height:16px;
padding-bottom: 0;
padding-top: 0;
margin-bottom:20px;
}
.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu .deep-level a {
padding-bottom:0;
padding-top:0;
height:14px;
line-height:14px;
margin-bottom: 16px;
color:#424242;
}

.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu .deep-level .deep-level a span{
color:#707070!important;
}

.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu .deep-level a span{
padding-bottom:0;
padding-top:0;
height:14px;
line-height:14px;
margin-bottom: 16px;
color:#424242 !important;
}

/*首页头屏视屏
放在了主题文件夹header.php里
* */

.video-layout{ margin:0 auto; padding:0; width:100%;}
.video-layout img{ margin:0 auto; display:block; background:#fff;}

img.pc-slt{ display:block;}

/* 产品与业务 */  
.wp-content{
width: 100%;
height: 100%;
display: inline-block;
padding: 0;
}
.wp-content.mb40{
width: 100%;
height: 100%;
display: inline-block;
padding: 0;
margin-bottom:20px;
}


.wp-content ul{
margin: 0;
padding: 0;
list-style: none;
}
.wp-content ul li{
list-style: none;
width: 100%;
float: left;
vertical-align: middle;
margin-bottom:20px;
}
.wp-title { margin-bottom:1.8em; text-align:center;}
.wp-title.tzzgx{ margin-bottom:0;}
.wp-title.products{ margin-bottom:2.4em;}
.wp-title h3.tatfook {padding:0; margin:0;text-align:center; color:#333; font-weight:normal; font-size:36px;}
.wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal;}
.wp-title .tatfook-title i{font-size:36px; display:inline-block; font-style:normal; line-height:56px}


.wp-content .wp-box1{width:66%; height:auto;overflow: hidden;}
.floatleft{float:left;}
.floatright{float:right;}
.ml20{ margin-left:20px;}

.wp-content .wp-box1,.wp-content .wp-box2{border-radius:8px;position: relative;}

.wp-content img{ border-radius:0px;
cursor: pointer;
transform: translateX(0);
opacity: 1;
transition: 0.8s;
}
.wp-content img:hover{
transform: scale(1.03);
}
.wp-content .wp-box1 img,.wp-content .wp-box2 img{width:100%;height:auto;border:none; position: relative;}
.wp-content .wp-box1 .text,.wp-content .wp-box2 .text {
       position: absolute;
	   color:#fff;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       text-align: center;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       background: rgba(0, 0, 0, 0.3);   
       opacity: 0;
       -webkit-transition: all 0.8s ease-in-out;   
       -moz-transition: all 0.8s ease-in-out;
       transition: all 0.8s ease-in-out;
	   	   font-size:24px;
		   
}
.wp-content .wp-box1 a:hover .text,.wp-content .wp-box2 a:hover .text {
       opacity: 1;
	   padding-top:130px;
	  }
.wp-content .wp-box1 a .text p.products-details,.wp-content .wp-box2 a .text p.products-details{
	   color:#fff;
	   z-index:999;
	   font-size:24px;
	   padding:10px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}	  
.wp-content .wp-box1 a:hover .text p.products-details,.wp-content .wp-box2 a:hover .text p.products-details{
	   color:#fff;
	   z-index:999;
	   font-size:24px;
	   padding:10px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}	  

.wp-content .wp-box1.m-box1{width:100%;height:auto;border:none;}
.wp-content .wp-box2{width:32%; height:auto;overflow: hidden;}
.wp-content .wp-box2 img{width:100%;height:auto;border:none;}
.wp-content .wp-box1 img.m-box1{display:none;}
.wp-content .wp-box1 img.pc-box1{display:block;}



/* 关于我们 */  

.wp-title{  margin-bottom:0em;}
.wp-content.wp-about{width:70%;height:auto;margin:3% auto 3% auto; padding:1% 0% 1% 0; background:#fff;
background:rgba(255,255,255,0.6);
    background:#fff 6;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/
    filter:Alpha(opacity=60);/*只对ie7,ie8有效*/	
}
.wp-content.wp-about h4{color:#3c8db4;font-size:30px;line-height:48px;text-align:center;font-weight:bold; padding-top:40px;}
.wp-content.wp-about h5{color:#252525;font-size:20px;line-height:36px;text-align:center;font-weight:normal;}
.wp-content.wp-about .about-txt{ width:80%;height:100%; margin:20px auto;}
.wp-content.wp-about .about-txt div{ font-size:16px;line-height:24px;color:#333;margin-bottom:24px;}
.wp-content.wp-about .about-txt div a{ width:128px; height:45px;background:#2596c2;border:1px #2181a6 solid;text-align:center;line-height:45px;color:#fff; font-size:14px;display:block; margin:50px auto; border-radius:5px;}



/* 新增样式7.26 */
.indexwrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.about-details{ margin:20px auto; margin-top:30px;}
.about-details p{ color:#666; line-height:30px; font-size:18px; line-height:30px; margin-bottom:0;}

/* index03wrap */
.index03wrap{margin: 0px auto;}
.index03wrap a{display: block;width: 100%;position: relative;overflow: hidden;}
.index03wrap a:after{content: '';display: block;width: 100%;height: 100%;background: url(../images/index_promask.png) no-repeat;background-size: cover;z-index: 0;position: absolute;left: 0;top: 0;}
.index03wrap a .bg{display: block;width: 100%;}
/*.index03wrap a .text{position: absolute;width: 100%;left: 0;box-sizing: border-box;z-index: 1;padding: 0 0 60px 60px;top: 100%;transform: translateY(-220px);-webkit-transform: translateY(-220px);transition: all .3s;}*/

.index03wrap a .text{position: absolute;width: 100%;left: 0;box-sizing: border-box;z-index: 1;padding: 0 0 20px 20px;top: 100%;transform: translateY(-60px);-webkit-transform: translateY(-60px);transition: all .3s;}


.index03wrap a .text img{display: block;width: auto;height: 56px;margin-bottom: 50px;}
.index03wrap a .text h3{font-size: 28px;color: #FFFFFF;transition: all .3s;font-weight:bold;}
.index03wrap a:hover .text h3{color: #4bb2d7;}
.index03wrap a .text .m-h3{ font-size:18px; color:#7cc3e8; font-weight:normal; }
.index03wrap a .text strong{display: block;width: 40px;margin:10px 0;height: 2px;background-color: #7cc3e8;transition: all .3s;}
.index03wrap a:hover .text strong{width: 40px;background-color: #7cc3e8;}
.index03wrap a:hover .text{transform: translateY(-100%);-webkit-transform: translateY(-100%);}


.index03wrap .page .swiper-button-next{position: relative;bottom: 0;top: 0;margin: 0;padding: 0;font-size: 0px;color: none;height:20px;width: 20px;outline: none; background:url(../images/index_phone_footicon.png) no-repeat center;}
.index03wrap .page .swiper-button-prev{position: relative;bottom: 0;top: 0;margin: 0;padding: 0;font-size: 0px;color: none;height: 20px;width: 20pxo;outline: none; background:url(../images/index_phone_footicon2.png) no-repeat center;}
.index03wrap .page{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-content: center;margin-top: 30px;}
.index03wrap .swiper-pagination{position: relative;margin: 0 90px;}
.index03wrap .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #bbbbbb;margin: 0 6px;opacity: 1;}
.index03wrap .swiper-pagination-bullet-active{background-color: #64b1d9;}
.index03wrap a .text .more{opacity: 0;width:100px;height:32px;line-height:32px;font-size:14px;}
.index03wrap a:hover .text .more{opacity: 1;}
/* more */
.more{width: 210px;height: 52px;background: linear-gradient(to right, #9fd9f6 0%, #9fd8f6 100%);background: -webkit-linear-gradient(to right, #9fd8f6 0%, #f38a23 100%);border-radius: 4px;display: block;font-size: 16px;line-height: 52px;text-align: center;color: #FFFFFF;position: relative;z-index: 0;overflow: hidden;}
.more:after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #FFFFFF;z-index: -1;transition: all .3s;}
.more:hover:after{width: 100%;}
.more:hover{color: #20b3db;}

@media only screen and (max-width: 1600px){
.wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal;}
.wp-title .tatfook-title i{font-size:32px; line-height:40px;  display:inline-block; font-style:normal;}

.index03wrap a .text img{height: 50px;margin-bottom: 30px;}
.index03wrap a .text h3{font-size: 18px;}
.index03wrap a .text{padding: 0 0 40px 40px;}
.index03wrap a .text h4{width: 70%;}
.index03wrap a .text{-webkit-transform: translateY(-170px);transform: translateY(-170px);}
.index03wrap a .text h4{font-size: 14px;}

}


@media only screen and (min-width:900px) and (max-width:1260px){

.wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal; font-size:32px;}
.wp-title .tatfook-title i{font-size:30px; line-height:40px; display:inline-block; font-style:normal;}
	.index03wrap{margin: 0px auto;}
	.index03wrap a .text img{height: 40px;}
	.index03wrap a .text h3{font-size: 16px;}
	.index03wrap a .text{padding: 0 0 30px 30px;}
	.index03wrap a .text .more{width: 140px;height: 40px;line-height: 40px;}
	}
@media only screen and (min-width:750px) and (max-width:1000px){

.wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal; font-size:28px;}
.wp-title .tatfook-title i{font-size:32px; line-height:36px;  display:inline-block; font-style:normal;}

	.index03wrap{margin: 0px auto;}
	.index03wrap a .text img{height: 40px;}
	.index03wrap a .text h3{font-size: 20px;}
	.index03wrap a .text{padding: 0 0 30px 30px;}
	.index03wrap a .text .more{width: 140px;height: 40px;line-height: 40px;}
}	
@media only screen and (max-width:750px){

	.index03wrap{margin: 0px auto;width: 96%;}
	.index03wrap a .text{padding: 0 0 10px 10px;-webkit-transform: translateY(-50px);transform: translateY(-50px);}
	.index03wrap a .text img{height: 40px;margin-bottom: 20px;}
	.index03wrap a .text h3{font-size: 16px;margin-bottom: 20px; font-weight:normal;}
	.index03wrap a .text .m-h3{ font-size:16px; color:#7cc3e8; font-weight:bold;}
	.index03wrap a .text strong{margin:5px 0px 0 0; width:30px; color:#7cc3e8;}
	.index03wrap a .text .more{width: 120px;height: 36px;line-height: 36px;}
	.index03wrap .page{ margin-top:12px;}
	
	.about-details p{ color:#666; line-height:28px; text-indent:2em; text-align:left;}
	
.wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal; font-size:24px;}
.wp-title .tatfook-title i{font-size:28px; line-height:36px;   display:inline-block; font-style:normal;}
}




	
	

/* 新闻中心  -  8.1*/ 
.container-m{ margin:0 2%; padding:0;}
.news-important{float:left; margin-left:80px;}
.news-new{float:right; margin-right:80px;}
.news-important .img {
	overflow: hidden;
	line-height: 0;
	width:100%; height:auto; 
	max-height:300px;
}
.news-important .img img{
	transition:0.5s;
}
.news-important .img img{
width:100%;max-width:566px; height:auto;max-height:360px; overflow:hidden;
}
.news-important .img img:hover{
		transform: scale(1);
}
.news-important a:hover{ text-decoration:none;}
.news-important .date{
	color: #ddd;font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;}
.news-important .date:hover{
	color:#a0d9f6; text-decoration:none;       
	-webkit-transition: all 0.35s ease-in-out;   
       -moz-transition: all 0.35s ease-in-out;
       transition: all 0.35s ease-in-out;}	
.news-important .img .txt { background-color:rgba(0,0,0,0.3); position:relative;top:-85px; padding:20px 15px;}
.news-important .img .txt:hover{ background-color:rgba(0,0,0,0.3);}
.news-important .img .txt .a-title{	
	font-size:18px;
	font-weight: normal;
	line-height:24px;
	margin-top:20px;
	margin-bottom:0;
	color:#fff;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow:hidden;

	}
.news-important .img .txt div.a-title:hover{ color:#a0d9f6; text-decoration:none;       -webkit-transition: all 0.35s ease-in-out;   
       -moz-transition: all 0.35s ease-in-out;
       transition: all 0.35s ease-in-out;	}	
	
.news-wrap{margin:0 auto; padding:0;}
.news-list { background:#fff;height:auto; max-height:300px; float:right;}
.news-list ul{ list-style:none; margin:0; padding:0;}
.news-list li{list-style:none; background:url(../images/article-list.jpg) no-repeat center left; width:100%!important;float:left;margin:0; padding:0; padding-bottom:0px; line-height:24px; font-size:16px;padding-left:10px; 	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-bottom:17px;
}
@media screen and (min-width:1261px) and (max-width:1280px){
.news-list li{font-size:15px;
margin-bottom:13.5px;
}

}

.news-list li a:hover{ text-decoration:none;}
.news-list li:last-child{ margin-bottom:35px;}
.news-list .news-more { width:100%; height:auto; line-height:30px; text-align:right;}
.news-list .news-more a{ display:inline-block; padding:3px 12px; text-align:center; background:#9ed8f6; color:#fff;font-size:14px;}	
.news-list .news-more a:hover{ background:#f8f8f8; color:#333; text-decoration:none;}

.news-list li em{ float:right;color:#999; font-size:14px;font-style:normal;}
.news-important .img .txt.none{ padding:20px 15px;position:relative; top:-84px;}	/**分割**/
.news-important .img.m-show{ max-height:240px; overflow:hidden;}



/**分割**/
.hr100{ max-width:1920px; height:0px; margin:10px auto; padding:0;}
.hr200{ max-width:1920px; height:20px; margin:10px auto; padding:0;}
.hr300{ max-width:1920px; height:30px; margin:10px auto; padding:0;}
/**投资者关系**/

.tzzgx-title{ width:100%;height:85px; line-height:75px; text-align:center; background:#a0d9f6; border-bottom:8px #ddd solid;}
.tzzgx-title h3{color:#fff;line-height:85px; }
.tzzgx-title .tatfook-title i{font-size:36px; line-height:75px;  display:inline-block; font-style:normal; color:#fff;}

.tzzgx-content{ width:100%; height:auto; margin:0 auto; padding:0; }
.tzzgx-box{ margin:30px auto;}
.tzzgx-box .tzzgx-box-title{ width:100%; height:42px; line-height:20px; text-align:left; display:block; font-size:20px; color:#333; }

.tzzgx-box .tzzgx-box-title span{ width:1.2em; height:1.2em; display:inline-table; margin-right:0.8em;}
.tzzgx-box .tzzgx-box-title span img{ width:100%; height:auto; border:none; vertical-align:bottom;}
.tzzgx-box a.more-links{ display:block; width:7em; height:2.4em; background:#a0d9f6; color:#fff; text-align:center; font-size:14px; padding:0em 1em; line-height:2.4em; margin:2em 0;}

.tzzgx-box p{ font-size:16px; color:#666; line-height:30px;}

@media screen and (max-width: 1024px) {    .ml20{margin-left:20px;}
.wp-content ul li{ margin-bottom:10px;}
}
@media screen and (max-width: 750px) { .ml20{margin-left:10px;}
.wp-content ul li{ margin-bottom:10px;}
}
@media screen and (max-width: 480px) { .ml20{margin-left:7px;}
.wp-title h3.tatfook {font-size:1.8em;}
.wp-content ul li{ margin-bottom:10px;}
}
@media screen and (max-width: 320px) { .ml20{margin-left:5px;}
.wp-title h3.tatfook {font-size:1.4em;}
.wp-content ul li{ margin-bottom:8px;}
}


/**新视频布局**/

.video-newwrap{ width:100%; max-width:1600px; height:auto; margin:0 auto; }

.video-txt{ padding:30px; vertical-align:middle; padding-top:250px; text-align:right;}
.video-txt .big-P{ font-size:28px;line-height:48px; font-weight:700;text-align:right;color:#0594c1;}

.video-txt .arrow-l{ display:inline-block; width:60px; height:auto; text-align:center; padding-top:30px; padding-right:35px;}
.video-txt .arrow-l img{ width:45px; height:auto; border:none; text-align:center; vertical-align:middle;}
.video-txt .big-P p { font-size:18px; color:#777;   font-weight:400;line-height:36px;text-align:right;}
.video-txt .big-P.small{ font-weight:400;} 
.video-txt2{ padding:30px; vertical-align:middle; padding-top:250px;}
.video-txt2 .big-P2{ font-size:28px;line-height:48px; font-weight:700;text-align:left;color:#0594c1;}
.video-txt2 .big-P2 p { font-size:18px; color:#777; line-height:36px;text-align:left;font-weight:400;}
.video-txt a,.video-txt2 a{ display:inline-block;}
.video-txt a:hover,.video-txt2 a:hover{ text-decoration:none; color:#4bb2d7;}

.video-txt2 .arrow-r{ display:inline-block; width:60px; height:auto; text-align:center; padding-top:30px; padding-left:35px;}
.video-txt2 .arrow-r img{ width:45px; height:auto; border:none; text-align:center; vertical-align:middle;}





/***新产品与服务样式**/
.products-wrap{ width:100%; max-width:1360px; height:auto; margin:0 auto;}
.products-wrap .products-content{ padding:0; margin:0;}
.products-items{ height:auto; width:100%;}
.products-items .p-box,.products-items .p-box2,.products-items .p-box3{ display:inline-block; vertical-align:middle; text-align:center;}
.products-items .p-box,.products-items .p-box2{ margin-bottom:60px;}
.products-items .p-box  a:hover,.products-items .p-box2  a:hover,.products-items .p-box3 a:hover{ padding:0; display:block;}


.products-items .text {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       text-align: center;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       background: rgba(0, 0, 0, 0.3);   
       opacity: 0;
       -webkit-transition: all 0.8s ease-in-out;   
       -moz-transition: all 0.8s ease-in-out;
       transition: all 0.8s ease-in-out;
	   outline:hidden;
	   border-radius:8px;
}
.products-items a:hover .text {
       opacity: 1;
	   padding-top:180px;
	  }
.products-items a:hover .text p{
	   color:#fff;
	   z-index:999;
	   font-size:24px;
	   padding:10px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}
.products-items a .text p{
	   color:#fff;
	   z-index:999;
	   font-size:24px;
	   padding:10px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}
.products-items img{ border-radius:8px;}
.products-items .p-box img,.products-items .p-box2 img{ margin-left:0px;}
.products-items img.img-show{ width:100%; height:auto; border:none;}
.products-items img.img-show-m{ width:96%; height:auto; border:none;}
.products-items img.img-show-m2{ width:100%; height:auto; border:none;}


/**新的产品分割-PC**/

.products-items .p-box-item1{ width:65.33333%; height:100%; max-height:384px; float:left; margin-bottom:50px;}
.products-items .p-box-item12{ width:30.66666%; height:100%;max-height:384px;  float:right;margin-bottom:50px;}
.products-items .p-box-item1 img { width:100%; height:auto; max-height:384px; border-radius:8px;}  
.products-items .p-box-item12 img{ width:100%; height:auto; max-height:384px; border-radius:8px;}


.products-items .p-box-item21{width:30.66666%; height:auto; float:left;}
.products-items .p-box-item22{width:30.66666%; height:auto; float:left; margin-left:4.22222%;}
.products-items .p-box-item23{width:30.66666%; height:auto; float:right;}
.products-items .p-box-item23 img,.products-items .p-box-item22 img,.products-items .p-box-item21 img{ width:100%; height:auto;border-radius:8px; max-height:384px; }
.products-items .p-box-item23,.products-items .p-box-item22,.products-items .p-box-item21{ margin-bottom:50px; max-height:384px;}

.products-items .p-box-item3{width:30.66666%; height:auto; float:left; max-height:384px;}
.products-items .p-box-item32{ width:65.33333%;  height:auto; float:right; max-height:384px;}
.products-items .p-box-item3 img { width:100%; height:auto; border-radius:8px; max-height:384px;}  
.products-items .p-box-item32 img{ width:100%; height:auto; border-radius:8px; max-height:384px;}

.products-items .p-box-item1,.products-items .p-box-item12,.products-items .p-box-item21,.products-items .p-box-item22,.products-items .p-box-item23,.products-items .p-box-item3,.products-items .p-box-item32{ display:table-cell; vertical-align:middle; text-align:center;}

.products-items .p-box-item1  a:hover,.products-items .p-box-item12  a:hover,.products-items .p-box-item21 a:hover,.products-items .p-box-item22 a:hover,.products-items .p-box-item23 a:hover,.products-items .p-box-item3 a:hover,.products-items .p-box-item32 a:hover{ padding:0; display:block;}




/*超大屏*/
 @media all and (min-width: 721px) and (max-width: 1024px) {
     .wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal; font-size:24px;}
     .wp-title .tatfook-title i{font-size:24px; line-height:36px;   display:inline-block; font-style:normal;}
 }
 /*1366x768笔记本屏幕兼容性问题*/
 @media screen and (min-width:960px) and (max-width:1440px){
.news-important .img img{
	transition:0.5s;
}
.news-important .img img{
width:100%;max-width:568px; height:auto;max-height:360px; overflow:hidden;
}
.news-important .img img:hover{
		transform: scale(1);
}	
}

 
 
 
/* 竖屏 */


@media screen and (orientation: portrait) and (max-width: 720px) {
.wp-content.mb40{
margin-bottom:0px;
}
img.pc-slt{ display:block; width:98%; height:auto;}
.wp-title { margin-bottom:1.2em;}
.wp-content .wp-box1{ width:96%; height:auto;margin:0 2% 20px 2%;}
.wp-title h3.tatfook {font-weight:lighter;padding:0; margin:0;text-align:center; color:#000;
font-size:18px;
}
.wp-title.products{ margin-bottom:1.5em;}
.wp-content .wp-box1 img.m-box1{display:block;}
.wp-content .wp-box1 img.pc-box1{display:none;}
.wp-content .wp-box2{ width:96%; height:auto;margin:0 2% 20px 2%;}
.wp-content .wp-box1.m-box1{width:96%; height:96%;margin:0 2% 20px 2%;}
.wp-content .wp-box1,.wp-content .wp-box2{border-radius:5px;}

.wp-content ul li{ margin-bottom:0px;}
.wp-content .wp-box1 img,.wp-content .wp-box2 img{width:100%;height:auto;border:none; position: relative;}
.wp-content .wp-box1 .text,.wp-content .wp-box2 .text {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       text-align: center;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       background: rgba(0, 0, 0, 0.6);   
       opacity: 0;
       -webkit-transition: all 0.35s ease-in-out;   
       -moz-transition: all 0.35s ease-in-out;
       transition: all 0.35s ease-in-out;
}
.wp-content .wp-box1 a:hover .text,.wp-content .wp-box2 a:hover .text {
       opacity: 1;
	   padding-top:120px;
	  }
.wp-content .wp-box1 a:hover .text p,.wp-content .wp-box2 a:hover .text p{
	   color:#fff;

	   z-index:999;
	   font-size:30px;
	   padding:20px; 
	   border:1px #fff solid;
	   display:inline;
	

}	  





.wp-content.wp-about{ width:92%; margin:10% auto;}
.wp-content.wp-about h4{;font-size:24px;line-height:36px;}
.wp-content.wp-about h5{font-size:18px;line-height:28px;}
.wp-content.wp-about .about-txt div{font-size:14px;}

.wp-content.wp-about .about-txt{ width:85%;height:100%; margin:10px auto;}
.news-box{ width:94%; height:auto;margin-left:3%; padding:0;float:left; border-top:1px #ddd solid; padding-top:15px;}




.news-article li{line-height:24px; margin-bottom:10px; width:100%;}
.news-article li em{display:none;}
.news-article a{ color:#333;}
.news-article a:hover{color:#20b3db;cursor: pointer;
transition: color .3s;
-webkit-text-decoration-skip: objects;
}
.hr100{ height:0px; margin:0px auto; padding:0;}
.wp-content.wp-about{ width:100%;}

.news-bodyr { width:96%; margin:0 auto; float:none;}

/* 投资者关系 */
.tzzgx-title{ width:100%;height:64px; line-height:60px; text-align:center; background:#a0d9f6;}
.tzzgx-title h3{color:#fff;line-height:60px; }
.tzzgx-title .tatfook-title i{font-size:28px; line-height:40px; display:inline-block; font-style:normal; color:#fff;}
.tzzgx-content{ width:100%; height:auto; margin:0 auto;}

.tzzgx-box{ margin:0 auto; margin-bottom:1em;}
.tzzgx-box a.more-links{ margin:1em auto;}
.tzzgx-box { border-bottom:1px #ddd dashed;}
.tzzgx-box.border-none{ border-bottom:none;}
.tzzgx-box p{ font-size:14px; color:#666; line-height:24px; padding-left:1em;}


.tzzgx-box .tzzgx-box-title{ width:100%; height:36px; line-height:20px; text-align:left; display:block; font-size:18px; color:#333; }
.tzzgx-box .tzzgx-box-title span{ width:1em; height:1em; display:inline-table; margin-right:0.4em;}
.tzzgx-box .tzzgx-box-title span img{ width:100%; height:auto; border:none; vertical-align:bottom;}
.tzzgx-box .tzzgx-box-title span{  margin-right:0.4em;}

.news-list ul{ margin:0 3%;}
.news-list li:last-child{ margin-bottom:30px;}
.news-important .img .txt .a-title{	
	font-size:16px;
	font-weight: normal;
	line-height:24px;
	}

	.index03wrap{margin: 0px auto;width: 96%;}
	.index03wrap a .text{padding: 0 0 10px 10px;-webkit-transform: translateY(-50px);transform: translateY(-50px);}
	.index03wrap a .text img{height: 40px;margin-bottom: 20px;}
	.index03wrap a .text h3{font-size: 16px;margin-bottom: 20px; font-weight:normal;}
	.index03wrap a .text .m-h3{ font-size:16px; color:#7cc3e8; font-weight:bold;}
	.index03wrap a .text strong{margin:5px 0px 0 0; width:30px; color:#7cc3e8;}
	.index03wrap a .text .more{width: 120px;height: 36px;line-height: 36px;}
	.index03wrap .page{ margin-top:12px;}
	
	.about-details p{ color:#666; line-height:28px; text-indent:2em; text-align:left;}
	
.wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal; font-size:24px;}
.wp-title .tatfook-title i{font-size:24px; line-height:48px;   display:inline-block; font-style:normal;}


/***新产品与服务样式**/
.products-wrap{ width:100%;height:auto; margin:0 auto;}
.products-wrap .products-content{ padding:0; margin:0;}
.products-items{ height:auto; width:100%;}
.products-items .p-box,.products-items .p-box2,.products-items .p-box3{ display:table-cell; vertical-align:middle; text-align:center;}
.products-items .p-box2{ padding:2%;}

.products-items .p-box  a:hover,.products-items .p-box3 a:hover{ padding:0px; display:block;}
.products-items .p-box2:hover{padding:0%; display:block; }
.products-items .p-box2 a:hover{margin:0%; display:block; }
.products-items .text {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       text-align: center;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       background: rgba(0, 0, 0, 0.3);   
       opacity: 0;
       -webkit-transition: all 0.8s ease-in-out;   
       -moz-transition: all 0.8s ease-in-out;
       transition: all 0.8s ease-in-out;
	   outline:hidden;
	   border-radius:8px;
}

.products-items a:hover .text {
       opacity: 1;
	   padding-top:70px;
	  }
	  
.products-items .p-box a:hover .text {
       opacity: 1;
	   padding-top:20%;
	  }	  
	  
.products-items .p-box2 a:hover .text {
       opacity: 1;
	   padding-top:30%;
	  }	  
.products-items .p-box3 a:hover .text {
       opacity: 1;
	   padding-top:30%;
	  }	  
	  
	  
.products-items a:hover .text.cell-2 {
       opacity: 1;
	   padding-top:55px;
	  }
.products-items a:hover .text.cell-big {
       opacity: 1;
	   padding-top:140px;
	  }	  
.products-items a:hover .text p{
	   color:#fff;
	   z-index:999;
	   font-size:16px;
	   padding:5px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}
.products-items a .text p{
	   color:#fff;
	   z-index:999;
	   font-size:16px;
	   padding:5px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}
.products-items .p-box2 .text {
       position: absolute;
       top: 0%;
       bottom:4%;
       left:0%;
       right:4%;
       text-align: center;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       background: rgba(0, 0, 0, 0.3);   
       opacity: 0;
       -webkit-transition: all 0.8s ease-in-out;   
       -moz-transition: all 0.8s ease-in-out;
       transition: all 0.8s ease-in-out;
	   outline:hidden;
	   border-radius:8px;
}
.products-items .p-box2,.products-items .p-box2 .text{ padding:0%;}

.products-items .p-box2:nth-of-type(odd),.products-items .p-box2:nth-of-type(odd) .text{ padding:0% 2% 2% 0%;}
.products-items .p-box2:nth-of-type(even),.products-items .p-box2:nth-of-type(even) .text{ padding:0% 0% 0% 2%;}
.products-items .p-box2:nth-of-type(even) .text {
       top: 0%;
       bottom:4%;
       left:4%;
       right:0%;
}


.products-items img{ border-radius:8px;}
.products-items img.img-show{ width:100%; height:auto; border:none;}
.products-items img.img-show-m{width:100%; height:auto; border:none; margin:0 auto;}
.products-items img.img-show-m2{ width:100%; height:auto; border:none; margin:0 auto;}

.products-items .p-box{ margin-bottom:20px;}
.products-items .p-box2{ margin-bottom:0px;}
.products-items .p-box img,.products-items .p-box2 img{ margin-left:0px;}
.products-items .p-box img{ margin:0 auto;}




.hr300{ height:15px; margin:5px auto; padding:0;}
.news-important{float:left; margin-left:0px;}
.news-new{float:right; margin-right:0px; width:100%;}
.news-important .date{ color:#fff;}
.news-important .img .txt { background-color:rgba(39,150,193,0.6); position:relative; top:0; padding:20px 15px; display:none;}
.news-important .img { min-height:100%;}


.news-important{float:left; margin:0 0 8% 0; padding:0 3%; width:100%;}
.news-list{ float:left; overflow:hidden; padding:0 0; width:100%; max-height:330px;}
.news-list li{list-style:none; background:url(../images/article-list.jpg) no-repeat center left; width:98%!important;float:left;margin:0; padding:0; padding-bottom:0px; line-height:24px; font-size:16px;padding-left:10px; 	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
margin-bottom:15px;
}
.news-list li em.time{ display:none;}
.news-list li:last-child{ margin-bottom:35px;}


.news-list .news-more { width:100%; height:auto; line-height:30px; text-align:center; margin-bottom:40px; float:left;}
.news-list .news-more a{ display:inline-block; padding:3px 12px; text-align:center; background:#9ed8f6; color:#fff;font-size:14px;}	
.news-list .news-more a:hover{ background:#f8f8f8; color:#333; text-decoration:none;}


/**新视频布局**/

.video-newwrap{ width:100%; max-width:720px; height:auto; margin:0 auto; }
.video-txt{ padding:30px 0; vertical-align:middle; padding-top:50px; text-align:right;}
.video-txt .big-P{ font-size:18px;line-height:30px; font-weight:700;text-align:right;color:#0594c1;}

.video-txt .arrow-l{ display:inline-block; width:40px; height:auto; text-align:center; padding-top:10px; padding-right:0px;}
.video-txt .arrow-l img{ width:16px; height:auto; border:none; text-align:center; vertical-align:middle;}

.video-txt .big-P p { font-size:12px; color:#777;   font-weight:400;line-height:18px;text-align:right;}
.video-txt .big-P.small{ font-weight:400;} 
.video-txt2{ padding:30px 0; vertical-align:middle; padding-top:50px;}
.video-txt2 .big-P2{ font-size:18px;line-height:30px; font-weight:700;text-align:left;color:#0594c1;}
.video-txt2 .big-P2 p { font-size:12px; color:#777; line-height:18px;text-align:left;font-weight:400;}
.video-txt a,.video-txt2 a{ display:inline-block;}
.video-txt a:hover,.video-txt2 a:hover{ text-decoration:none; color:#4bb2d7;}

.video-txt2 .arrow-r{ display:inline-block; width:40px; height:auto; text-align:center; padding-top:10px; padding-left:0px;}
.video-txt2 .arrow-r img{ width:16px; height:auto; border:none; text-align:center; vertical-align:middle;}




}  

/*小屏*/
 @media all and (min-width: 480px) and (max-width: 720px) {
     .wp-title .tatfook-title{padding:0; margin:0;text-align:center; color:#333; font-weight:normal; font-size:24px;}
     .wp-title .tatfook-title i{font-size:24px; line-height:48px;   display:inline-block; font-style:normal;}

 
 }
 
   @media screen and (min-width: 428px) and (max-width:571px)
.news-important .img {
  min-height: 360px;
}
 
 /** 平板电脑 **/
@media screen and (min-width:811px) and (max-width:959px){

.video-newwrap {
  max-width:840px;
}
.products-items a:hover .text {
  opacity: 1;
  padding-top: 80px;
}
.products-items a .text p{font-size:20px;}
.products-items a:hover .text p { font-size:20px;}

 /**新闻中心**/
 
.news-important {
  float: left;
  margin:0 6%;
  width:88%;
} 
.news-new {
  float: right;
  margin:0 6% 5% 0;
  width:88%;
}
.news-important .img img {
  max-width:100%;
}
.news-important .img {
  max-height: 360px;
}
.news-important .img .txt {
  background-color: rgba(0,0,0,0.6);
  position: relative;
  top: -85px;
  padding:20px 15px;
}
.news-list {
  float: none;
  margin: 0px auto;
    padding: 30px 0 0 0;
}

.news-list li em.time {
  display: block;
}
}

  /** 平板电脑 **/
@media screen and (min-width:572px) and (max-width:719px){

.video-newwrap {
  max-width:600px;
}
.products-items a:hover .text {
  opacity: 1;
  padding-top:60px;
}
.products-items a .text p{font-size:20px;}
.products-items a:hover .text p { font-size:20px;}

.wp-title .tatfook-title i {
  font-size: 24px;
  line-height: 48px;
}

 /**新闻中心**/
 
.news-important {
  float: left;
  margin:0 6%;
  width:88%;
} 
.news-new {
  float: right;
  margin:0 6%;
  width:88%;
}
.news-important .img img {
  max-width:100%;
}
.news-important .img {
  max-height:100%;
}
.news-important .img .txt {
  background-color: rgba(0,0,0,0.6);
  position: relative;
  top:-85px;
  padding:20px 15px;
}
.news-list {
  float: none;
  margin:0px auto;
}
.news-list {
  padding: 30px 0 0 0;
  max-height:100%;
}
.news-list li em.time {
  display: none;
}
}

@media screen and (min-width:721px) and (max-width:959px){

/***新产品与服务样式**/

.products-wrap{ width:100%;height:auto; margin:0 auto;}
.products-wrap .products-content{ padding:0; margin:0;}
.products-items{ height:auto; width:100%;}
.products-items .p-box,.products-items .p-box2,.products-items .p-box3{ display:table-cell; vertical-align:middle; text-align:center;}
.products-items .p-box2{ padding:2%;}

.products-items .p-box  a:hover,.products-items .p-box3 a:hover{ padding:0px; display:block;}
.products-items .p-box2:hover{padding:0%; display:block; }
.products-items .p-box2 a:hover{margin:0%; display:block; }
.products-items .text {
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       text-align: center;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       background: rgba(0, 0, 0, 0.3);   
       opacity: 0;
       -webkit-transition: all 0.8s ease-in-out;   
       -moz-transition: all 0.8s ease-in-out;
       transition: all 0.8s ease-in-out;
	   outline:hidden;
	   border-radius:8px;
}
.products-items a:hover .text {
       opacity: 1;
	   padding-top:70px;
	  }
	  
.products-items .p-box a:hover .text {
       opacity: 1;
	   padding-top:25%;
	  }	  
	  
.products-items .p-box2 a:hover .text {
       opacity: 1;
	   padding-top:40%;
	  }	  
.products-items .p-box3 a:hover .text {
       opacity: 1;
	   padding-top:30%;
	  }	  
	  
	  
.products-items a:hover .text.cell-2 {
       opacity: 1;
	   padding-top:55px;
	  }
.products-items a:hover .text.cell-big {
       opacity: 1;
	   padding-top:140px;
	  }	  
.products-items a:hover .text p{
	   color:#fff;
	   z-index:999;
	   font-size:18px;
	   padding:5px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}
.products-items a .text p{
	   color:#fff;
	   z-index:999;
	   font-size:18px;
	   padding:5px 0; 
	   border-bottom:1px #fff solid;border-top:1px #fff solid;
	   display:inline;
}

.products-items .p-box2 .text {
       position: absolute;
       top: 0%;
       bottom:4%;
       left:0%;
       right:4%;
       text-align: center;
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       background: rgba(0, 0, 0, 0.3);   
       opacity: 0;
       -webkit-transition: all 0.8s ease-in-out;   
       -moz-transition: all 0.8s ease-in-out;
       transition: all 0.8s ease-in-out;
	   outline:hidden;
	   border-radius:8px;
}
.products-items .p-box2,.products-items .p-box2 .text{ padding:0%;}

.products-items .p-box2:nth-of-type(odd),.products-items .p-box2:nth-of-type(odd) .text{ padding:0% 2% 2% 0%;}
.products-items .p-box2:nth-of-type(even),.products-items .p-box2:nth-of-type(even) .text{ padding:0% 0% 0% 2%;}
.products-items .p-box2:nth-of-type(even) .text {
       top: 0%;
       bottom:4%;
       left:4%;
       right:0%;
}



.products-items img{ border-radius:8px;}
.products-items img.img-show{ width:100%; height:auto; border:none;}
.products-items img.img-show-m{width:100%; height:auto; border:none; margin:0 auto;}
.products-items img.img-show-m2{ width:100%; height:auto; border:none;margin:0 auto;}

.products-items .p-box{ margin-bottom:20px;}
.products-items .p-box2{ margin-bottom:0px;}
.products-items .p-box img,.products-items .p-box2 img{ margin-left:0px;}
.products-items .p-box img{ margin:0 auto;}
}